// 导入创建切片的方法
import { createSlice } from '@reduxjs/toolkit'

export const homeSlice = createSlice({
    name: 'home', // 定义模块的名称，切片名称
    initialState: { // 和 vuex 中的 state 是一样的，放全局状态的地方
        // 全局数据
        bannerList: [],
        proList: []
    },
    reducers: { // 和 vuex 中的 mutations 一样的功能
        // 修改数据的方法
        changeBannerList(state, actions) {
            state.bannerList = actions.payload
        },
        changeProList(state, actions) {
            state.proList = actions.payload
        }
    }
})

// 导出修改方法
export const { changeBannerList, changeProList } = homeSlice.actions

// 导出 reducer
export default homeSlice.reducer
